<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第一题</title>
		<style>
			#content {
				width: 600px;
				border: solid 1px red;
				margin: auto;
				padding: 10px;
			}
			input{
				width: 100%;
				height: 30px;
				border-radius: 5px;
				border: solid 1px black;
			}
			p {
				margin: 0 0 20px 0;
			}
			table {
				counter-increment: c;
			}
			tr,td {
				border-bottom: solid 1px darkgray;
			}
		</style>
	</head>
	<body>
		
		<div id="content">
			<div>
				<span><strong>姓名</strong></span>
				<p><input type="text"></p>
				
				<span><strong>年龄</strong></span>
				<p><input type="text"></p>
				
				<span><strong>分数</strong></span>
				<p><input type="text"></p>
				<p>
					<input type="button" value="新增" style="width: 60px;height: 30px;background-color: darkgreen;color: white;border: none;border-radius: 5px;"/>
				</p>
				
				<div id="tab">
					<table border="0" cellspacing="0" cellpadding="10">
						<tr>
							<th colspan="5"><h2>员工管理系统</h2></th>
						</tr>
						<tr bgcolor="cadetblue">
							<td>编号</td>
							<td>姓名</td>
							<td>性别</td>
							<td>年龄</td>
							<td>部门</td>
						</tr>
						<tr>
							<td>1</td>
							<td>张三丰</td>
							<td>男</td>
							<td>28</td>
							<td>财务部</td>
						</tr>
						<tr>
							<td>1</td>
							<td>张三丰</td>
							<td>男</td>
							<td>28</td>
							<td>财务部</td>
						</tr>
						<tr>
							<td>1</td>
							<td>张三丰</td>
							<td>男</td>
							<td>28</td>
							<td>财务部</td>
						</tr>
						<tr>
							<td>1</td>
							<td>张三丰</td>
							<td>男</td>
							<td>28</td>
							<td>财务部</td>
						</tr>
						<tr>
							<td>1</td>
							<td>张三丰</td>
							<td>男</td>
							<td>28</td>
							<td>财务部</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</body>
</html>
